<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <title>一款腾讯UED设计的提示插件</title>

    <link rel="stylesheet" href="css/style.css"/>


    <script type="text/javascript" src="js/msgbox.js"></script>
    <script type="text/javascript">
        function clickme(i) {
            var tip = "";
            switch (i) {
                case 1:
                    tip = "服务器繁忙，请稍后再试。";
                    break;
                case 4:
                    tip = "设置成功！";
                    break;
                case 5:
                    tip = "数据拉取失败";
                    break;
                case 6:
                    tip = "正在加载中，请稍后...";
                    break;
            }
            ZENG.msgbox.show(tip, i);
        }

        function clickhide() {
            ZENG.msgbox._hide();
        }

        function clickautohide(i) {
            var tip = "";
            switch (i) {
                case 1:
                    tip = "服务器繁忙，请稍后再试。";
                    break;
                case 4:
                    tip = "设置成功！";
                    break;
                case 5:
                    tip = "数据拉取失败";
                    break;
                case 6:
                    tip = "正在加载中，请稍后...";
                    break;
            }
            ZENG.msgbox.show(tip, i, 3000);
        }
    </script>

</head>
<body>

<center>
    <p>4种不同提示图标</p>
    <input type="button" value="图标1" onclick="clickme(1)"/>
    <input type="button" value="图标4" onclick="clickme(4)"/>
    <input type="button" value="图标5" onclick="clickme(5)"/>
    <input type="button" value="图标6" onclick="clickme(6)"/>

    <p>隐藏</p>
    <input type="button" value="隐藏" onclick="clickhide()"/>

    <p>3秒后自动隐藏</p>
    <input type="button" value="图标1" onclick="clickautohide(1)"/>
    <input type="button" value="图标7" onclick="clickautohide(7)"/>
    <input type="button" value="图标8" onclick="clickautohide(8)"/>
    <input type="button" value="图标4" onclick="clickautohide(4)"/>
    <input type="button" value="图标5" onclick="clickautohide(5)"/>
    <input type="button" value="图标6" onclick="clickautohide(6)"/>
</center>
</body>
</html>
